$(function () {

    var i=false;

        $.fn.drag = function(options){
            var x, drag = this, isMove = false, defaults = {
            };
            var options = $.extend(defaults, options);
            //添加背景，文字，滑块
            var html = '<div class="drag_bg"></div>'+
                        '<div class="drag_text" onselectstart="return false;" unselectable="on">拖动滑块验证</div>'+
                        '<div class="handler handler_bg"></div>';
            this.append(html);
            
            var handler = drag.find('.handler');
            var drag_bg = drag.find('.drag_bg');
            var text = drag.find('.drag_text');
            var maxWidth = drag.width() - handler.width();  //能滑动的最大间距
            
            //鼠标按下时候的x轴的位置
            handler.mousedown(function(e){
                isMove = true;
                x = e.pageX - parseInt(handler.css('left'), 10);
            });
            
            //鼠标指针在上下文移动时，移动距离大于0小于最大间距，滑块x轴位置等于鼠标移动距离
            $(document).mousemove(function(e){
                var _x = e.pageX - x;
                if(isMove){
                    if(_x > 0 && _x <= maxWidth ){
                        handler.css({'left': _x});
                        drag_bg.css({'width': _x});
                    }else if(_x > maxWidth && $('.handler').offset().left>259){  //鼠标指针移动距离达到最大时清空事件
                        dragOk();
                        i = true;
                    }
                }
            }).mouseup(function(e){
                isMove = false;
                var _x = e.pageX - x;
                if(_x < maxWidth && $('.handler').offset().left<259){ //鼠标松开时，如果没有达到最大距离位置，滑块就返回初始位置
                    handler.css({'left': 0});
                    drag_bg.css({'width': 0});
                }
            });
            //清空事件
            function dragOk(){
                handler.removeClass('handler_bg').addClass('handler_ok_bg');
                text.text('验证通过');
                drag.css({'color': '#fff'});
                handler.unbind('mousedown');
                $(document).unbind('mousemove');
                $(document).unbind('mouseup');
            }
        };


    $('#drag').drag();


    /*鼠标经过导航标签弹出下拉菜单*/
    $(".dropdown").mouseover(function () {
        $(this).addClass("open");
    });


    $(".dropdown").mouseleave(function(){
        $(this).removeClass("open");
    });


     
    /*正则*/


    /*登录的验证*/
    $("#log").submit(function () {
     var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;
     var test=myreg.test($("#phoneLog").val());
     if (test) {
         var pwd=/^[0-9a-zA-Z_#]{6,16}$/;
         var testp=pwd.test($("#pwdLog").val());
         if (testp) {
             if (i==true) {
                return true;
             }else{
                $('.drag_text').text('请滑动滑块验证');
                return false;
             }
         }else{
             $('#pwdLog').popover('show');
             $('.popover').css({'z-index':20000});
             return false;
         }
     }else{
         $('#phoneLog').popover('show');
        $('.popover').css({'z-index':20000});
         return false;
     }
    });


    /*注册的验证*/
    $("#registered").submit(function () {
        if($("#input_verify").val() == verify){
            var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;
            var test=myreg.test($("#phoneReg").val());
            if (test) {
                var pwd=/^[0-9a-zA-Z_#]{6,16}$/;
                var testp=pwd.test($("#pwdReg").val());
                if (testp) {
                    if ($("#pwdReg").val()==$("#pwdFirm").val()) {
                        return true;
                    }else{
                        $('#pwdFirm').popover('show');
                        $('.popover').css({'z-index':20000});
                        return false;
                    }
                }else{
                    $('#pwdReg').popover('show');
                    $('.popover').css({'z-index':20000});
                    return false;
                }
            }else{
                $('#phoneReg').popover('show');
                $('.popover').css({'z-index':20000});
                return false;
            }
        }else{
            return false;
        }
        
    });


    /*找回密码的验证*/
    $("#forget").submit(function () {
        var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;
        var test=myreg.test($("#phoneFor").val());
        if (test) {
            return true;
        }else{
            $('#phoneFor').popover('show');
            return false;
        }
    });




    /*焦点事件*/
    $("#phoneLog").blur(function () {
        $('#phoneLog').popover('destroy');
    });
    $("#phoneReg").blur(function () {
        $('#phoneReg').popover('destroy');
    });
    $("#phoneFor").blur(function () {
        $('#phoneFor').popover('destroy');
    });
    $("#VerLog").blur(function () {
        $('#VerLog').popover('destroy');
    });
        
    //验证码
       var verify = 0;
       var wait = 60;
        function time() {
            if (wait==0) {
                $('.obtain').attr('disabled',false);
                $('.obtain').html('获取手机验证码');
                wait = 60;
            }else{
                $('.obtain').attr('disabled',true);
                $('.obtain').html("重新发送(" + wait + ")");
                wait--;
                setTimeout(function(){
                    time();
                },1000);
            }
        }
        //console.log();
        $('.obtain').click(function () {
            time();
            //利用ajax发送到后台
            var mobile = $('#phoneReg').val();
            var url = "/index.php/Pc/GetMessage/get_message/mobile/"+mobile;
            $.ajax({
               url:url,
               type:'GET',
               success:function(v){
                 verify = v;
                  alert(v);
               },
               error:function(){
                 alert('失败');
               }
            });
        });
});




    /*切换界面*/
    function registeredBut() {
      $("#log").hide();
      $("#weixinlog").hide();
      $("#forget").hide();
      $("input").val("");
      $(".textSmall").html("注册");
      $("#registered").show();
    };


    function accountPassword() {
        $("#registered").hide();
        $("#weixinlog").hide();
        $("#forget").hide();
        $("input").val("");
        $(".textSmall").html("登录");
        $("#log").show();
    };


    function weixinBtn() {
        $("#log").hide();
        $("#registered").hide();
        $("#forget").hide();
        $(".textSmall").html("其他登录");
        $("#weixinlog").show();
    };


    function forgetBtn() {
      $("#log").hide();
      $("#registered").hide();
      $("#weixinlog").hide();
      $("input").val("");
      $(".textSmall").html("找回密码");
      $("#forget").show();
    }